<?php $this->load->view('public/header');?>
<div class="banner">
	<div class="slideshow white-bg">
		<div class="slider-banner-container">
			<div class="slider-banner-3">
				<ul>
					<!-- slide 1 start -->
					<li data-transition="fade" data-slotamount="7"	data-masterspeed="1000" data-saveperformance="on" data-title="Slide 1" class="dark-translucent-bg">
						<!-- main image -->
						<img src="<?php echo __STATIC__?>images/slider-1-slide-3.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
						<div class="tp-caption very_large_text sft tp-resizeme"	data-x="center" data-y="70" data-speed="700" data-start="200" data-end="10000" data-endspeed="600">中国专业知识产权服务中心</div>
						<div class="tp-caption small_thin_white sfb text-center tp-resizeme" data-x="center" data-y="170" data-speed="700" data-start="400" data-end="10000" data-endspeed="600">响应快 服务快！即时响应 15天提交。</div>
						<div class="tp-caption tp-resizeme sfb" data-x="center"	data-y="300" data-speed="700" data-start="600" data-end="10000" data-endspeed="600">
							<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="btn btn-white btn-lg">
								Learn More
								<i class="fa fa-angle-right pl-10"></i>
							</a>
						</div>

					</li>
					<!-- slide 1 end -->

					<!-- slide 2 start -->
					<li data-transition="fade" data-slotamount="7" data-masterspeed="1000" data-saveperformance="on" data-title="Slide 2" class="dark-translucent-bg">
						<!-- main image -->
						<img src="<?php echo __STATIC__?>images/slider-1-slide-2.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
						<div class="tp-caption very_large_text sft tp-resizeme" data-x="center" data-y="70" data-speed="700" data-start="200" data-end="10000" data-endspeed="600">中国专业知识产权服务中心</div>
						<div class="tp-caption small_thin_white sfb text-center tp-resizeme" data-x="center" data-y="170" data-speed="700" data-start="400" data-end="10000" data-endspeed="600">质量好 态度好！保护充分 授权率高。</div>
						<!-- LAYER NR. 3 -->
						<div class="tp-caption tp-resizeme sfb" data-x="center" data-y="300" data-speed="700" data-start="600" data-end="10000" data-endspeed="600">
							<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="btn btn-white btn-lg">
								Learn More
								<i class="fa fa-angle-right pl-10"></i>
							</a>
						</div>

					</li>
					<li data-transition="fade" data-slotamount="7" data-masterspeed="1000" data-saveperformance="on" data-title="Slide 3" class="dark-translucent-bg">
						<img src="<?php echo __STATIC__?>images/slider-1-slide-1.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

						<!-- LAYER NR. 1 -->
						<div class="tp-caption very_large_text sft tp-resizeme" data-x="center" data-y="70" data-speed="700" data-start="200" data-end="10000" data-endspeed="600">中国专业知识产权服务中心</div>
						<!-- LAYER NR. 2 -->
						<div class="tp-caption small_thin_white sfb text-center tp-resizeme" data-x="center" data-y="170" data-speed="700" data-start="400" data-end="10000" data-endspeed="600">省心力 省费用！专业匹配 高效沟通</div>
						<!-- LAYER NR. 3 -->
						<div class="tp-caption tp-resizeme sfb" data-x="center" data-y="300" data-speed="700" data-start="600" data-end="10000" data-endspeed="600">
							<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="btn btn-white btn-lg">
								Learn More
								<i class="fa fa-angle-right pl-10"></i>
							</a>
						</div>

					</li>
					<!-- slide 2 end -->

				</ul>
			</div>
		</div>
		<!-- slider revolution end -->

	</div>
	<!-- slideshow end -->

</div>
<!-- banner end -->

<div class="section clearfix">

	<div class="container">
		<div class="row">
			<div class="col-md-12">

				<h1 class="text-center title">快速服务</h1>
				<div class="separator"></div>
				<p class="lead text-center">有数百人的团队，真正实现一对一贴心服务，解决问题更专业迅速</p>
				<div class="owl-carousel carousel">
				<?php
				if (count ( $patent_common ) > 0) {
					foreach ( $patent_common as $key => $val ) {
				?>
					<div class="image-box object-non-visible"
						data-animation-effect="fadeInLeft" data-effect-delay="300">
						<div class="overlay-container">
							<!--<?php //if( $status == 0 ){?>-->
							<img src="/Uploads/<?php echo $patent_info->thumb;?>" alt="">
							<div class="overlay">
								<div class="overlay-links">
									<a href="<?php echo site_url('patent/detail/'.$val->cate_id.'/'.$val->id)?>">
										<i class="fa fa-link"></i>
									</a>

								</div>
							</div>
						</div>
						<div class="image-box-body">
							<h3 class="title">
								<a
									href="<?php echo site_url('patent/detail/'.$val->cate_id.'/'.$val->id)?>"><?php echo $val->title?></a>
							</h3>
							<h3 class="text-danger">价格：<?php echo $val->service_price?> 元</h3>
							<p style="height:80px; overflow:hidden;"><small><?php echo cutstr_html($val->server_instro,80); ?></small></p>
							<a href="<?php echo site_url('patent/detail/'.$val->cate_id.'/'.$val->id)?>"
								class="btn btn-white" style="border-color: #0D760A;">立即申请</a>
						</div>
					</div>
				<?php
					}
				}
				?>
				</div>

			</div>
		</div>
	</div>

</div>
<!-- section end -->

<!-- page-top start-->
<!-- ================ -->
<div class="page-top object-non-visible"
	data-animation-effect="fadeInUpSmall" data-effect-delay="100">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h1 class="text-center title">专利申请流程</h1>
				<div class="separator"></div>
				<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur
					adipiscing elit.</p>
				<div class="row grid-space-10">
					<div class="col-sm-4">
						<div class="box-style-2">
							<div class="icon-container default-bg">
								<i class="fa fa-leaf"></i>
							</div>
							<div class="body">
								<h2>在线咨询</h2>
								<p>Voluptatem ad provident non veritatis beatae cupiditate amet
									reiciendis.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="box-style-2">
							<div class="icon-container default-bg">
								<i class="fa fa-laptop"></i>
							</div>
							<div class="body">
								<h2>提供资料</h2>
								<p>Iure sequi unde hic. Sapiente quaerat labore inventore
									veritatis cumque.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="box-style-2">
							<div class="icon-container default-bg">
								<i class="fa fa-sitemap"></i>
							</div>
							<div class="body">
								<h2>资料确认</h2>
								<p>Inventore dolores aut laboriosam cum consequuntur delectus
									sequi! Eum est.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="row grid-space-10">
					<div class="col-sm-4">
						<div class="box-style-2">
							<div class="icon-container default-bg">
								<i class="fa fa-bold"></i>
							</div>
							<div class="body">
								<h2>支付费用</h2>
								<p>Voluptatem ad provident non veritatis beatae cupiditate amet
									reiciendis.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="box-style-2">
							<div class="icon-container default-bg">
								<i class="fa fa-check"></i>
							</div>
							<div class="body">
								<h2>撰写与审核</h2>
								<p>Iure sequi unde hic. Sapiente quaerat labore inventore
									veritatis cumque.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="box-style-2">
							<div class="icon-container default-bg">
								<i class="fa fa-bicycle"></i>
							</div>
							<div class="body">
								<h2>成果反馈</h2>
								<p>Inventore dolores aut laboriosam cum consequuntur delectus
									sequi! Eum est.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- page-top end -->

<section class="main-container parallax dark-translucent-bg parallax-bg-3">
	<div class="main">
		<div class="container">
			<div class="call-to-action">
				<div class="row">
					<div class="col-md-8">
						<h1 class="title text-center">申请时机 动不失时</h1>
						<p class="text-center">我国采用先申请原则，即不论谁先完成发明创造，专利权授予最先提出专利申请的人。</p>
					</div>
					<div class="col-md-4">
						<div class="text-center">
							<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="btn btn-default btn-lg">立即咨询</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- main end -->

</section>
<!-- main-container end -->

<div class="page-top object-non-visible"
	data-animation-effect="fadeInUpSmall" data-effect-delay="100">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h1 class="text-center title">专业，权威，便捷，安心</h1>
				<div class="separator"></div>
				<p class="lead text-center">Lorem ipsum dolor sit amet, consectetur
					adipiscing elit.</p>
				<div class="row grid-space-20">
					<div class="col-sm-12 col-md-4 col-md-push-4">
						<img src="<?php echo __STATIC__?>images/zhuanlishouquan.png"
							alt="" class="object-non-visible"
							data-animation-effect="fadeInUp" data-effect-delay="0">
					</div>
					<div class="col-sm-6 col-md-4 col-md-pull-4">
						<div class="box-style-3 right object-non-visible"
							data-animation-effect="fadeInUpSmall" data-effect-delay="0">
							<div class="icon-container default-bg">
								<i class="fa fa-bold"></i>
							</div>
							<div class="body">
								<h2>专利申请的周期是多少?</h2>
								<p>Voluptatem ad provident non veritatis.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
						<div class="box-style-3 right object-non-visible"
							data-animation-effect="fadeInUpSmall" data-effect-delay="200">
							<div class="icon-container default-bg">
								<i class="fa fa-check"></i>
							</div>
							<div class="body">
								<h2>专利申请的周期是多少?</h2>
								<p>Iure sequi unde hic. Sapiente quaerat.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
						<div class="box-style-3 right object-non-visible"
							data-animation-effect="fadeInUpSmall" data-effect-delay="400">
							<div class="icon-container default-bg">
								<i class="fa fa-bicycle"></i>
							</div>
							<div class="body">
								<h2>专利申请的周期是多少?</h2>
								<p>Inventore dolores aut laboriosam cum.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4">
						<div class="box-style-3 object-non-visible"
							data-animation-effect="fadeInUpSmall" data-effect-delay="0">
							<div class="icon-container default-bg">
								<i class="fa fa-leaf"></i>
							</div>
							<div class="body">
								<h2>专利申请的周期是多少?</h2>
								<p>Voluptatem ad provident non veritatis.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
						<div class="box-style-3 object-non-visible"
							data-animation-effect="fadeInUpSmall" data-effect-delay="200">
							<div class="icon-container default-bg">
								<i class="fa fa-laptop"></i>
							</div>
							<div class="body">
								<h2>专利申请的周期是多少?</h2>
								<p>Iure sequi unde hic. Sapiente quaerat.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
						<div class="box-style-3 object-non-visible"
							data-animation-effect="fadeInUpSmall" data-effect-delay="400">
							<div class="icon-container default-bg">
								<i class="fa fa-sitemap"></i>
							</div>
							<div class="body">
								<h2>专利申请的周期是多少?</h2>
								<p>Inventore dolores aut laboriosam cum.</p>
								<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="link">
									<span>立即咨询</span>
								</a>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>
</div>
<!-- page-top end -->
<!-- section start -->
<!-- ================ -->
<div
	class="parallax parallax-bg-3 dark-translucent-bg object-non-visible"
	data-animation-effect="fadeIn" data-effect-delay="300">

	<div class="container">
		<div class="stats row grid-space-10">
			<div class="col-md-3 col-sm-6">
				<div class="box-style-1">
					<h2 class="title">成功案例</h2>
					<i class="fa fa-briefcase"></i>
					<span class="stat-num" data-to="1525" data-speed="3000">0</span>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="box-style-1">
					<h2 class="title">专业人才</h2>
					<i class="fa fa-users"></i>
					<span class="stat-num" data-to="1125" data-speed="3000">0</span>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="box-style-1">
					<h2 class="title">申报及时</h2>
					<i class="fa fa-cloud-download"></i>
					<span class="stat-num" data-to="1836" data-speed="3000">0</span>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="box-style-1">
					<h2 class="title">客户评价</h2>
					<i class="fa fa-thumbs-o-up"></i>
					<span class="stat-num" data-to="2687" data-speed="3000">0</span>
				</div>
			</div>
		</div>
	</div>

</div>
<!-- section end -->

<!-- section start -->
<!-- ================ -->
<div class="section clearfix object-non-visible"
	data-animation-effect="fadeInUpSmall" data-effect-delay="200">
	<div class="container">
		<h1 class="text-center">为什么选择我们？</h1>
		<div class="separator"></div>
		<p class="lead text-center">十年专注 高端领先</p>
		<div class="row">
			<div class="col-md-6">
				<h2 class="title">知识产权团队助力，让你和专利更贴近</h2>
				<img src="<?php echo __STATIC__?>images/section-image-1.png" alt="">
				<div class="space hidden-md hidden-lg"></div>
			</div>
			<div class="col-md-6">
				<!-- Nav tabs -->
				<ul class="nav nav-tabs" role="tablist">
					<li class="active">
						<a href="#htab1" role="tab" data-toggle="tab">
							<i class="fa fa-home pr-5"></i>
							公司实力
						</a>
					</li>
					<li>
						<a href="#htab2" role="tab" data-toggle="tab">
							<i class="fa fa-user pr-5"></i>
							其他信息
						</a>
					</li>
				</ul>
				<!-- Tab panes -->
				<div class="tab-content">
					<div class="tab-pane fade in active" id="htab1">
						<div class="row">
							<div class="col-md-12">
								<p>150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介150字简介</p>
							</div>
						</div>
						<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="btn btn-default">了解详情</a>
					</div>
					<div class="tab-pane fade" id="htab2">
						<div class="space-bottom"></div>
						<div class="row">
							<div class="col-md-12">
								<p>其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息其他信息</p>
							</div>
						</div>
						<a href="http://wpa.qq.com/msgrd?V=3&uin=513158622&Site=知标网&Menu=yes" class="btn btn-default">了解详情</a>
					</div>
				</div>
				<!-- tabs end -->
			</div>
		</div>
	</div>
</div>
<!-- section end -->

<!-- section start -->
<!-- ================ -->
<div class="section">
	<div class="container">
		<div class="row">
			<div class="col-md-8">
				<div class="owl-carousel content-slider well">
					<div class="testimonial">
						<div class="testimonial-image">
							<img src="<?php echo __STATIC__?>images/testimonial-1.jpg"
								alt="Jane Doe" title="Jane Doe" class="img-circle">
						</div>
						<div class="testimonial-body">
							<p>Sed ut perspiciatis unde omnis iste natu error sit voluptatem
								accusan tium dolore laud antium, totam rem dolor sit amet
								tristique pulvinar, turpis arcu rutrum nunc, ac laoreet turpis
								augue a justo.</p>
							<div class="testimonial-info-1">- Jane Doe</div>
							<div class="testimonial-info-2">By Company</div>
						</div>
					</div>
					<div class="testimonial">
						<div class="testimonial-image">
							<img src="<?php echo __STATIC__?>images/testimonial-2.jpg"
								alt="Jane Doe" title="Jane Doe" class="img-circle">
						</div>
						<div class="testimonial-body">
							<p>Turpis arcu rutrum nunc, ac laoreet turpis augue a justo.
								Lorem ipsum dolor sit amet, consectetur adipisicing elit.
								Expedita, esse, animi maxime voluptate tempore at sunt.</p>
							<div class="testimonial-info-1">- John Doe</div>
							<div class="testimonial-info-2">By Company</div>
						</div>
					</div>
					<div class="testimonial">
						<div class="testimonial-image">
							<img src="<?php echo __STATIC__?>images/testimonial-3.jpg"
								alt="Jane Doe" title="Jane Doe" class="img-circle">
						</div>
						<div class="testimonial-body">
							<p>Phosfluorescently e-enable adaptive synergy for strategic
								quality vectors. Continually transform fully tested expertise
								with competitive technologies ac laoreet turpis augue a justo.</p>
							<div class="testimonial-info-1">- John Doe</div>
							<div class="testimonial-info-2">By Company</div>
						</div>
					</div>
				</div>
				<div class="space-bottom"></div>
			</div>
			<div class="col-md-4">
				<div class="content">
					<nav>
						<ul>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>
							<li>
								<a href="" class="link" target="_blank">新闻</a>
							</li>

						</ul>
					</nav>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section clearfix object-non-visible"
	data-animation-effect="fadeInUpSmall" data-effect-delay="300">

	<div class="container">
		<div class="row">
			<div class="col-md-12">

				<h2>我们的服务</h2>
				<div class="separator-2"></div>

				<!-- isotope filters start -->
				<div class="filters margin-bottom-clear">
					<ul class="nav nav-pills">
						<li class="active">
							<a href="#" data-filter="*">全部专利服务</a>
						</li>
						<?php 
							if ( count($patent_child_class) > 0 ){
							foreach ( $patent_child_class as $key => $val ){ 
						?>
						<li>
							<a href="javascript:void(0);" data-filter=".web_design_<?php echo $val->id?>"><?php echo $val->title?></a>
						</li>
						<?php 
							}
							}
						?>
						<!-- <li>
							<a href="#" data-filter=".app-development">专利侵权诉讼</a>
						</li>
						<li>
							<a href="#" data-filter=".site-building">国际专利申请</a>
						</li> -->
					</ul>
				</div>
				<!-- isotope filters end -->

				<!-- portfolio items start -->
				<div class="isotope-container row grid-space-20">
					<?php 
						if( count( $patent ) > 0 ){
						foreach( $patent as $key => $val ){
					?>
					<div class="col-sm-4 isotope-item web_design_<?php echo $val->cate_id?> margin-bottom-clear">
						<div class="box-style-1 gray-bg">
							<div class="overlay-container" style="height:170px;">
								<?php if($val->thumb_id > 0){?>
								<a href="<?php echo site_url('patent/detail/'.$val->id);?>"><img src="<?php echo __STATIC__?>images/portfolio-1.jpg" alt=""></a>
								<?php }else{?>
								<a href="<?php echo site_url('patent/detail/'.$val->id);?>"><img src="/Uploads/<?php echo $val->thumb_path; ?>" alt=""></a>
								<?php }?>
							</div>
							<h3>
								<a href="<?php echo site_url('patent/detail/'.$val->id)?>"><?php echo $val->title;?></a>
							</h3>
							<p style="height:80px; overflow:hidden;"><small><?php echo cutstr_html($val->server_instro,60); ?></small></p>
							<a href="<?php echo site_url('patent/detail/'.$val->id)?>" class="btn btn-default">立即咨询</a>
						</div>
					</div>
					<?php 
						}
						}
					?>
				</div>
				<!-- portfolio items end -->

			</div>
		</div>
	</div>

</div>
<!-- section end -->

<?php $this->load->view('public/footer');?>